{% set locale = localeInfo.lang %}
{% set localeDir = localeInfo.locale %}
<!DOCTYPE html>
<html lang="{{ locale }}" dir="{{ localeInfo.direction }}">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="csrf-token" content="{{csrf}}">
    <meta name="moment-lang" content="{{localeInfo.momentLang}}">
    <meta name="glitch-url" content="{{glitch.importURL}}">
    <meta name="export-label" content="{{gettext("exportLabel")}}">
    <meta name="project-id" content="{{project.id}}">
    <meta name="publish-id" content="{{project.published_id}}">

    <title>Mozilla Thimble</title>

    <link rel="stylesheet" href="/resources/stylesheets/normalize.css">
    <link rel="stylesheet" href="/editor/stylesheets/style.css">
    <link rel="stylesheet" href="/resources/stylesheets/userbar.css">

    <link href="https://fonts.googleapis.com/css?family=Arvo:400,600,700,800,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">

    <script src="/locales/{{ localeDir }}/strings.js"></script>

    {% block head %}{% endblock %}

    {% if GA_ACCOUNT %}
    <script id="google-analytics-js" src="/resources/scripts/google-analytics.js"
            data-ga-account="{{ GA_ACCOUNT }}"
            data-ga-domain="{{ GA_DOMAIN }}"
            async>
    </script>
    {% endif %}
  </head>
  <body>
    <script src="https://pontoon.mozilla.org/pontoon.js"></script>
    {% block body %}{% endblock %}
  </body>
</html>
